A Panel Card can be added to component through the 'Panels' menu. Panel cards are useful for defining the different screens, or panels, that a user will see as they navigate through an application on a mobile device. If panel cards are being used inside a component, then every control in that component must be inside a specified panel card. Panel card's come with their own set of properties, listed here:

Defines how to display the embedded object when placed inside a Panel.

Panel Layouts are containers that can contain Panels, Panel Navigators, and even other Panel Layout containers. The Panel Layout Properties section allows you to define how the sub-containers inside a panel layout will act. For example, the direction that the containers will flow in, what method of animation will be used to display panels, what buttons reveal hidden panels, and more.

Here

UX properties include:

The UX component contains the following types of properties:

Specify the Id of the button in the Panel Card that should be used for the 'Previous' button.

Define the behavior and display of the Panel Navigator, including its id, type, classes, and animation behaviors.

When you add a control to a UX component on the control page, that control comes with a number of general property settings. These will appear in the properties list on the right side of the screen. Some controls, like the list control, come with additional builders. The control properties are different from the general UX properties, that are defined on the [UX Properties] page.

Every control that you place on a layout has a set of properties that you can set to modify its appearance and/or behavior. Properties for an control can always be set by using its Properties dialog box, which is displayed by right-clicking on the object and choosing Properties... from the right-click menu, or by pressing F12. In addition, some object properties can be set through the use of one or more Toolbars.